<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>查看工作流</title>
<script src="js/jquery-1.9.1.min.js"></script>

<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css">

<script src="js/dump.js"></script>

<script src="js/rb.js"></script>
<link href="css/rb.css" rel="stylesheet" type="text/css">

<script src="js/editFlow.js"></script>
<link href="css/editFlow.css" rel="stylesheet" type="text/css">
</head>

<body onselectstart="return false"> 
<div class="rb_mainframe_top">
	<div class="rb_mainframe_top_title_first">
    	工作流程
    </div>
    <div class="rb_mainframe_top_title_second">
    	查看工作流
    </div>    
    <div class="rb_mainframe_top_btn">帮助</div>
    <div class="rb_mainframe_top_btn" onClick="show_json();">查看</div>
    
</div>
<div class="rb_mainframe_content">
    <!--1-->
    <div class="rb_mainframe_middle">
    	<div class="rb_mainframe_middle_title">基本信息</div>
        <div class="rb_newflow_icon">
            <img src="assets/no_img.png"/>  
        </div>        
        <div class="rb_button"><input type="button" value="上传图标" onClick="flowIcon.click()" style="background-color:#F0F;"><form id="flowIconForm" name="flowIconForm" enctype="multipart/form-data" method="post" target="_blank"><input id="flowIcon" type="file" name="flowIcon" style="display:none;" accept=".gif,.jpg,.png"><input id="name" type="text" name="name" style="display:none;"></form></div>
        <p style="font-size:12px">说明:请选择256*256大小的gif、jpg、png格式图片，最好是背景透明的png格式！</p>
        <div class="rb_input_bg"><input type="text" placeholder="输入流程名..." name="flowName" id="flowName" /></div>
        <div class="rb_button"><input type="button" value="保存修改" onClick="saveEditFlow();"></div>
        <div class="rb_button"><input type="button" value="返回" onClick="window.history.back(-1);" style="background-color:#0C0;"></div>
    </div>
    <!--2-->
    <div class="rb_mainframe_middle">
    	<div class="rb_mainframe_middle_title">表单设计</div>
        <div class="rb_newflow_kongjian">
        	<ul>
            	<li><img src="assets/icon_kongjian1.png"/>文本</li>
                <li><img src="assets/icon_kongjian2.png"/>单选</li>
                <li><img src="assets/icon_kongjian3.png"/>多选</li>
                <li><img src="assets/icon_kongjian4.png"/>按钮</li>
                <li><img src="assets/icon_kongjian5.png"/>日期</li>
                <li><img src="assets/icon_kongjian7.png"/>图片</li>
                <li><img src="assets/icon_kongjian8.png"/>文件</li>
                <li><img src="assets/icon_kongjian9.png"/>声音</li>
                <li><img src="assets/icon_kongjian10.png"/>角色</li>
            </ul>        
        </div>
        <div class="rb_newflow_kongjian_iphone">
        	<div class="rb_newflow_kongjian_iphone_screen">
            	<section>
                    <ul class="gbin1-list">
                    </ul>                
             	</section>
            </div>
            <p style="font-size:12px">说明:可通过拖拽进行控件排序！</p>
        </div>
        <div class="rb_newflow_kongjian_setup">
        	<span><b>控件标题:</b></span>
            <div class="rb_input_bg"><input type="text" value="" name="flowName" id="kongjianName" /></div>
            <span><b>控件值:</b></span>
        	<div class="rb_input_bg"><textarea id="kongjianValue" rows="10"></textarea></div>
            <p style="font-size:12px">控件值说明:多个选项请用半角逗号分隔。例如:<张三,李四,王五></p>
        </div>
    </div>
    <!--3-->
    <div class="rb_mainframe_middle">
    	<div class="rb_mainframe_middle_title">流程设计</div>
        <div class="rb_newflow_liucheng">
        	<section>
                <ul class="gbin2-list">
            		<!--li id="a_3232"><div>发起</div><div style="visibility:hidden;"></div></li-->
                </ul>                
            </section>
        </div>
        
        <div class="rb_button" id="createFlow"><input name="sumbit" type="button" onClick="createFlowStep()" value="创建新节点" id="createFlowBtn" style="background-color:#0C0;"></div>
        <div class="rb_newflow_kongjian_setup" id="liucheng_kongjian_list">
        <div id="liucheng_change_btn_1">节点配置</div><div id="liucheng_change_btn_2">表单配置</div>
        <div id="liucheng_info_1" class="liucheng_info">
        	<div class="liucheng_info_1_title">节点名称:</div>
            <div class="rb_input_bg"><input type="text" placeholder="输入节点名..." name="buzhouName" id="buzhouName" /></div>
        	<div class="liucheng_info_1_title">下一步骤承办人:</div>
        	<div class="liucheng_info_1_item"><input name="jieshouren" type="radio" value="">给发起人</div>
            <div class="liucheng_info_1_item"><input name="jieshouren" type="radio" value="1">给发起人的主管</div>
            <div class="liucheng_info_1_item"><input name="jieshouren" type="radio" value="2">给承办人主管</div>
            <div class="liucheng_info_1_item"><input name="jieshouren" type="radio">固定角色</div>
            <div id="jieshouren_juese">
            </div>
        </div>
        
        <div id="liucheng_info_2" class="liucheng_info" style="display:none;">
        	
        </div>
    </div>
</div>

<div id="change_mark"></div>
</body>
<script type="text/javascript" src="js/jquery.sortable.js"></script>

</html>
